/*�?��ʽ*/
.FormBorder{
	//background-color:#FDD7C2;
	margin-top:10%;
	margin-left:8%;
	padding:0.51%;
	padding-left:8%;
	width:28%;
	height:auto;
	//border-radius:20px 20px;
	//box-shadow:gray 0.2px 1px 1px 0px;
	text-align:left;
}
.bgColor{
	font-family:"Microsoft JHengHei";
	background: #55A5D6; /* fallback for old browsers */
        
}

.FormBorder h2{
	padding-left:20%;
}

.FormBorder a{
	float:right;
	margin-right:28%
}
/*�������ʽ*/
.InputBox{
	width:75%;
	height:6%;
	border-radius:3px 3px;
	border:none;
	margin-bottom:3px;
	margin-top:0px;

}
/*��ť��ʽ*/
.button{
	width:30%;
	height:4.5%;
	float:center;
	border:none;
	background-color:#EFE8E8;
	border-radius:8px 8px;
	padding:2px;
}

.button1{
	width:20%;
	height:4.5%;
	float:center;
	border:none;
	background-color:#EFE8E8;
	border-radius:8px 8px;
	padding:2px;
	margin-left: 3%;
}


.InputBorder{
	background-color:#55A5D6;
	margin:3% 3% 4% 5%;
	padding:0.8%;
	width:90%;
	height:auto;
	border-radius:10px 10px;
	//box-shadow:gray 0.2px 1px 1px 0px;
	text-align:left;
}
.InputBorder textarea{
	margin:2% 2% 0.3% 2.6%;
	background-color:#EFE8E8;
	width:95%;
	height:20%;
	border:none;
	resize:none;
	padding-left:10px;
	padding-top:4px;
	border-radius:10px 10px;
}
.InputBorder font{
	text-align:right;
}

.container{
	padding:0.01% 3% 2% 0%;
	width:70%;
	border-style:none; 
	background-color: #55A5D6;
}

.message{
	margin:1% 0.1% 2% 3%;
	padding:1%;
	border-radius:5px 5px;
	width:auto;
	background-color:rgba(255,255,255,0.6);
	box-shadow:gray 0.2px 1px 1px 0px;
}

.message pre{
	padding:0.3% 0.3% 0% 4%;
	white-space:normal;
}

.replyMessage{
	margin:0.1% 0.1% 0.1% 2%;
	padding:0.1%;
	width:auto;
}
.replyMessage pre{
	white-space:normal;
	padding:1px 1px 1px 3%;
}

.time{
	float:right;
	position:relative;
	padding-right: 10dp;
}
.right{
	margin:3% 5% 1% 3%;
	width:20%;
	height:auto;
	float:right;
}
.ownerMsg{
	margin:4% 3% 10% 3%;
	padding:1%;
	width:100%;
	height:45%;
	background-color:#EFE8E8;
	//box-shadow:gray 0px 5px 15px;
}

.ownerMsg img{
	margin:3% 13%;
	padding:1%;
	width:75%;
	height:55%;
	//box-shadow:gray 0px 5px 15px;
}
.ownerMsg h3,h4,h5{
	text-align:center;
}

.onlineUse{
	margin:15% 0% 1% 0%;
	padding:1%;
	width:100%;
	height:auto;
	background-color:#E0D7C6;
	box-shadow:gray 0px 5px 15px;
}
.onlineUse h3,h4,h5{
	text-align:center;
}
.onlineUse li{
	list-style:none;
	font-size:20px;
	padding-left:30%;
}

.friendLink{
	margin:12% 0% 1% 0%;
	padding:1%;
	width:100%;
	height:auto;
	background-color:#b5a0db;
	box-shadow:gray 0px 5px 15px;
}

.friendLink h3{
	text-align:center;
}